/*--------------------------------------------------------------
 # Copyright (C) joomla-monster.com
 # License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
 # Website: http://www.joomla-monster.com
 # Support: info@joomla-monster.com
 ---------------------------------------------------------------*/
/***custom styles for editor***/

/* border for images with class = border_img  */
.border_img {
	background: #fff;
	padding: 3px;
    border: 1px solid #dfdfdf;
	-webkit-box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 1);
	box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 1); 
}

.readon {
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-blue.png) left no-repeat;	
}

.readon_green {
	display: block;
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-green.png) left no-repeat;	
}

.readon_orange {
	display: block;
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-orange.png) left no-repeat;	
}

.readon_pink {
	display: block;
    line-height: 20px;
    font-weight: normal;
   	padding: 0 0 0 20px;
    text-decoration: none;
    background: url(../images/arrow-pink.png) left no-repeat;	
}

a.readon:link, a.readon:visited,
a.readon_green:link, a.readon_green:visited,
a.readon_orange:link, a.readon_orange:visited,
a.readon_pink:link, a.readon_pink:visited {
	text-decoration: none;
}

a.readon:hover {
	text-decoration: none;
	color: #008bd3;
}

a.readon_green:hover {
	text-decoration: none;
	color: #8bc100;
}

a.readon_orange:hover {
	text-decoration: none;
	color: #ff7808;
}

a.readon_pink:hover {
	text-decoration: none;
	color: #f05d7e;
}

p.blue {
    padding: 0 0 0 10px;
    border-left: 3px solid #008bd3;
}

p.green {
    padding: 0 0 0 10px;
    border-left: 3px solid #8bc100;
}

p.orange {
    padding: 0 0 0 10px;
    border-left: 3px solid #ff7808;
}

p.pink {
    padding: 0 0 0 10px;
    border-left: 3px solid #f05d7e;
}

p.grey {
    padding: 0 0 0 10px;
    border-left: 3px solid #929292;
}


p.bluefill {
	background: #008bd3;
	display: block;
    padding: 10px;
    text-align: justify;	
	color: #fff;
}

p.greenfill {
	background: #8bc100;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #fff;
}

p.orangefill {
	background: #ff7808;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #fff;
}

p.pinkfill {
	background: #f05d7e;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #FFFFFF;
}

p.greyfill {
	background: #929292;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #FFFFFF;
}

p.dark1 {
	background: #23408e;
	border-left: solid 3px #0091dc;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #fff;
}

p.dark2 {
	background: #635f5f;
	border-left: solid 3px #0091dc;
	display: block;
    padding: 10px;
    text-align: justify;
	color: #fff;
}

.quote, blockquote {
    color: #787878;
    background: url(../images/quote.png) top left no-repeat;
    font-style: italic;
    padding: 5px 10px 0 40px;
    font-weight: bold;
    display: block;
}

ul.linked,
ul.square,
ul.linked ul,
ul.square ul {
	list-style: none;
	padding: 0;
}

ul.linked li {
	background: none; 
	padding: 0; 
	margin: 0;
}

ul.linked li a {
	background: url(../images/linked.png) 0 5px no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
}

ul.linked li a:hover {
	margin: 0 0 0 5px;
}

ul.square li {
	background: url(../images/li-square.png) 0 6px no-repeat; 
	margin: 0; 
	padding:0 0 0 15px;	
}

ul.square li li, ul.square li ul.square li {
	background: url(../images/li-square-small.png) 0 7px no-repeat;
	padding:0 0 0 10px;	
}



